<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/jiesuan.css">
    <script src="../js/jquery-3.6.0.min.js"></script>
</head>
<body>
    <!-- 头部 -->
    <div class="head">
        <div class="logo">
            <img src="../images/detail_logo.png" class="logo">
        </div>
        <span class="jiesuan">结算页面</span>
    </div>
    <!-- 填写并请核对结算订单 -->
    <div class="check-tit">
    <span class="tianxie">填写并请核对结算订单</span>    
    </div>
    <div class="all">
        <!-- 收货人信息 -->
        <div class="step">
            <h3>收货人信息</h3>
            <a href="" class="zengshouhuo" >新增收货人地址</a>
        </div>
        <!-- 收货地址 -->
        <div class="step2">
            <input type="text" value="郑宏途 江苏" class="text-1">
            <input type="text" style="border: none;" class="text-2" value="郑宏途 江苏 苏州市 苏州工业园区 斜塘街道 ******** ">
            </span>
            <span class="tel">159****2423</span>
            <a href="" class="bianji"> 编辑</a>
        </div>
        <!-- 支付方式 -->
        <div class="step ">
            <h3>支付方式</h3>
        </div>
        <div class=" zhifubao">
            <div class="zhifutupiao"></div>
            <a href="" class="zhifu-text">支付宝支付</a>
        </div>
        <!-- 送货清单 -->
        <div class="step ">
            <h3>送货清单</h3>
            <a href="" class="step-3">返回购物车修改商品</a>
        </div>
       <!-- 商品 -->
       <div class="shangping">
      <span class="item">发货订单</span>      
      <span class="item1">数量</span>      
      <span class="item1">单价</span>
      <span class="item1">尺码</span>
      <div class="fahuo">
        <img src="../images/jiesuan_quedindingdan.jpg" class="queding" >
        <span class="title">官方【品牌直供】 
            线上专售Ward黑色个性街头复古百搭女鞋板鞋
        </span>
        <!-- 尺码 -->
        <span class="chima">41</span>
        <!-- 单价 -->
        <span class="danjia">￥</span>
        <span class="danjia1">452</span>
        <span class="shuoliang">1</span>
      </div>
      <!--  -->
    </div>
    <!-- 优惠券 -->
     <div class="youhui">
        <a href="" class="shiyong">使用优惠券</a>
        <span class="diyong">0.00</span>
        <span class="diyong">金额抵用:</span>
     </div>
     <!-- 总金额 -->
    <div class="Y">
     <div class="zong">
        <div class="zong-price">
            <span>总商品金额:</span>
            <span>￥</span>
            <span>452.00</span>
        </div>
     </div>
     <!-- 运费 -->
     <div class="zong">
        <div class="zong-price">
            <span>运费:</span>
            <span>￥</span>
            <span>0.00</span>
        </div>
     </div>
    </div>
     <!-- 应付金额 -->
     <div class="last-price">
        <div class="last-price-t">
            <span>应付总额 :</span>
            <span class="A">421.00</span>
            <span class="A1">￥</span>
        </div>
     </div>
     <!-- 提交订单 -->
     <div class="tijiao">
        <a href="" class="ti"></a>
     </div>











    </div>
    <script src="../js/jiesuan.js"></script>
</body>
</html>